.page-body {
	width: 100%;
	box-sizing: border-box;
	padding-bottom: calc(var(--status-bar-height) + 126rpx);
	position: relative;
	
	.actImg{
		width: 100%;
		// height: 484rpx;
		margin-bottom:25rpx
	}
	.actCom{
		
	}
	.actInfo {
		width: 100%;
		background: #F5F6FA;
		border-radius: 20rpx 20rpx 0 0;
		padding: 30rpx 40rpx;
		box-sizing: border-box;
		position: relative;
		margin-top: -40rpx;
		z-index: 6;
		
		.actName {
			font-size: 36rpx;
			font-weight: 500;
			line-height: 48rpx;
			color: #43425D;
		}
		
		.actType {
			width: 220rpx;
			height: 40rpx;
			line-height: 40rpx;
			text-align: center;
			background: linear-gradient(90deg, #3B86FF 0%, #4171BF 100%);
			border-radius: 8rpx;
			font-size: 24rpx;
			color: #FFFFFF;
			padding: 0 10rpx;
			box-sizing: border-box;
			margin-top: 10rpx;
		}
		
			
		.actAsk {
			font-size: 28rpx;
			color: #A5A4BF;
			position: absolute;
			bottom: 26rpx;
			right: 40rpx;
			
			.tipsIcon {
				width: 28rpx;
				height: 28rpx;
				vertical-align: middle;
				margin-right: 8rpx;
				margin-top: -2rpx;
			}
		}
	}
	
	.actContent_box {
		width: 100%;
		padding: 0 40rpx;
		box-sizing: border-box;
		
		.title_box {
			font-size: 28rpx;
			font-weight: bold;
			color: #43425D;
			margin-top: 30rpx;
		
			.tipsIcon {
				width: 20rpx;
				height: 20rpx;
				vertical-align: middle;
				margin-right: 24rpx;
				margin-top: -2rpx;
			}
			
		}
		
		.addressTime{
			font-size: 28rpx;
			color: #43425D;
			padding-left: 30rpx;
			box-sizing: border-box;
			line-height: 54rpx;
			margin-top: 30rpx;
			
			.iconImg {
				width: 24rpx;
				height: 24rpx;
				vertical-align: middle;
				margin-right: 24rpx;
				margin-top: -2rpx;
			}
			
			.addressIcon {
				width: 20rpx;
				height: 28rpx;
			}
		}
		
		.scanCode_box {
			width: 100%;
			position: relative;
			
			.scanCodeBgImg {
				width: 100%;
				height: 360rpx;
				position: relative;
			}
			
			.qrCodeImg{
				width: 252rpx;
				height: 252rpx;
				background: #FFFFFF;
				border-radius: 10rpx;
				position: absolute;
				top: 48rpx;
				left: 50rpx;
				// margin-top: -126rpx;
				z-index: 6;
			}
			
			.scanTips {
				font-size: 50rpx;
				line-height: 76rpx;
				color: #FFFFFF;
				position: absolute;
				top: 50%;
				right: 68rpx;
				transform: translateY(-50%);
				// margin-top: -126rpx;
				z-index: 6;
			}
		}
		
		.actContent_title {
			margin-bottom: 30rpx;
		}
		.actContent{
			font-size: 28rpx;
			color:#43425D;
			padding: 0 40rpx;
		}
		// .actContent {
		// 	// font-size: 28rpx;
		// 	// line-height: 42rpx;
		// 	// color: #43425D;
			
		// 	>>>img {
		// 		display: block;
		// 		width: 80%;
		// 		 max-width: 80%;
		// 		margin: 0 auto;
		// 	}
		// }
	}
	
	
	.share_btn{
		width: 100%;
		height: 96rpx;
		line-height: 96rpx;
		text-align: center;
		background: #3B86FF;
		border: 2rpx solid #3B86FF;
		font-size: 32rpx;
		color: #FFFFFF;
		position: fixed;
		// bottom: var(--status-bar-height);
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 99;
	}
	
	.popup {
		width: 100%;
		height: auto;
		
		.mask{
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-color: rgba(0, 0, 0, .5);
			z-index: 1000;
		}
		
		.popup-content {
			width: 550rpx;
			background: #fff;
			padding: 40rpx 30rpx 60rpx 30rpx;
			box-sizing: border-box;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			z-index: 9999;
			
			.popup-close {
				width: 48rpx;
				height: 48rpx;
				position: absolute;
				top: -48rpx;
				right: -48rpx;
			}
			
			.popTitle {
				width: 100%;
				text-align: center;
				font-size: 28rpx;
				font-weight: bold;
				color: #43425D;
				margin-bottom: 40rpx;
				
				text {
					margin: 0 20rpx;
				}
				
				.tipsIcon {
					width: 20rpx;
					height: 20rpx;
					vertical-align: middle;
					margin-top: -2rpx;
				}
			}
			
			.actAskContent {
				font-size: 28rpx;
				font-weight: 400;
				line-height: 42rpx;
				color: #43425D;
				text-align: justify;
			}
		}
	}
}